import React, { ReactNode } from 'react';
import style from './nav.less';

interface RiskNavType {
  parentLevelText: string;
  currentLevelText: string;
}

export class RiskNav extends React.PureComponent<RiskNavType> {
  public render(): ReactNode {
    const { parentLevelText, currentLevelText } = this.props;
    return (
      <div className={style.riskExternalInquiryHead}>
        <div className={style.descriptions}>
          <span>{parentLevelText}</span>
          <span>/</span>
          <span>{currentLevelText}</span>
        </div>
      </div>
    );
  }
}
